13996527831
详细

网页中插入JavaScript实现动画效果

发表日期:2021-02-16 11:47:06   作者来源:米卓网络   浏览:    

  网页中的特效一般都是用JavaScript来编写的。JaavScript是一种功能强大的语言,可用于网页中的交互脚本,也可用于ASP网页的编写。本节讲解JavaScript的基本知识。

网页中插入JavaScript实现动画效果

  1、JavaScript简介

  JavaScript是一门完整的编程语言,在网页客户端脚本、ASP网站服务器脚本方面有着广泛的应用。.NET开发也可以用JavaScript编写代码。

  JavaScript在语法上与CH+、Java有着很多共同点,学习和使用非常方便。在学习网站开发时,需要学习一些JavaScript编程的知识,用于网页的客户端脚本编写。

  虽然 Dreamweaver可以生成各种功能的JavaScript 代码,但是在进行实际开发中,网页的各种交互常常是通过网页功能的需要使用JavaScript编写出所需要代码的。例如,以下例子是用JavaScript 来实现表单的验证。如果使用Dreamweaver直接生成会使有些功能不符合要求,需要直接编程构造这些功能。

  下面是一个表单验证的JavaScript脚本程序实例。在用户提交表单以后,JavaScript针对表单中的每一个对象进行处理,按照程序的需要检查表单。在网页中的网页数据验证常常需要通过这种编程来实现。

  2、在网页中插入JavaScript脚本

  在一个HTML 网页中,有链接脚本文件和直接在网页中编写代码两种方式插入JavaScript脚本。如果需要插入脚本代码,可以把 JavaScript代码写在一个单独的文件上。保存JavaScript代码文件时,扩展名是.js,然后可以在网页中链接这个JavaScript文件。

  在 Dreamweaver CS6中,选择“插入”│HTML│“脚本对象”│“脚本”命令,弹出的“脚本”对话框如图14-43所示。在“类型”下拉列表框中选择textjavascript 选项,单击“源”文本框后面的“浏览”按钮,选择一个需要插入到网页中的JavaScript文件。单击“确定”按钮,完成脚本的链接。这时,在网页中插入了下面这段代码。

  3、JavaScript中的运算符

  JavaScript 中的运算符,包括算术运算符、比较运算符和逻辑运算符3类。在编写JavaScript程序时,需要灵活使用这些运算符。JavaScript 的运算符如表。

JavaScript中的运算符
 

  4、JavaScript的变量与数据类型

  JavaScript有number、string、object、boolean、null、undefined 6种主要数据类型。数据类型的信息与用法如表。

  JavaScript用 Var定义变量。在JavaScript 中,一般不考虑数据类型,程序在执行时,会自动为程序中的变量分配数据类型。如下面的JavaScript程序:

  5、JavaScript的常用语句

  JavaScript 的语法类似C语言或Java。在进行JavaScript编程时,需要掌握和灵活使用JavaScript的常用语句。

  (1)注释语句

  在JavaScript的程序中,需要正确使用注释语句,对程序进行注释。注释语句可以使程序有更好的可读性,以便于再次开发。JavaScript的注释有单行注释和多行注释两种。

  用“II”实现单行注释。在一个语句中,“II”以后所有的内容都是注释内容。

  用“/*―*”实现多行注释。在程序中“/*”与“*/”之间所有的内容都是对程序的注释。例

  如,一段程序可以用下面的方法进行注释。

  (2)if 判断

  在程序中,常常需要对各种数据进行判断,这就需要使用判断语句。JavaScript 程序中if判断的基本格式如下:

  if(条件)

  {执行的内容}

  如果执行判断的条件只有两种,一种情况不成立时,另一种情况一定成立,这时可以使用if else语句。例如,一段程序判断一个数是奇数还是偶数,需要对这个数除以2求余,然后判断余数输出结果。网页的程序如下:

  如果判断的情况多于两种,则需要使用判断嵌套。在嵌套的判断语句中,每一个else与前面最近的一个if条件配对。如下面的嵌套判断语句用来判断一个数的正负情况。

  (3)switch判断

  在判断语句中,如果判断的结果很多,则需要使用switch选择执行语句。switch 执行语句会分别列出判断结果的各种情况,执行相应的语句。switch语句的基本结构如下:

  (4)for循环

  在程序中如果需要多次执行某段程序,则需要使用循环语句。for循环是JavaScript 中最常用的循环语句。for循环的基本格式如下:

  for(初始条件;循环条件;继续执行操作)

  {循环的内容}

  (5) do while 循环

  do while是另一种循环语句。do while循环的基本格式如下:

  (6)while 循环

  while循环是另一种常用的循环。while循环的基本格式如下:

  while(条件)

  {循环的内容}

  6、JavaScript实例:输出乘法口诀表

  输出一个乘法口诀表为实例讲解JavaScript 的判断语句与循环语句。在这个实例中,需要正确实现数字的循环和HTML表格代码的输出。在程序中,需要判断两个变量的大小,确定数据是否输出。网页代码如下: